<template>
  <div class="wrapper">
    <div class="info-card border-bottom">
      <div class="basic-info">
        <div class="img">
          <lottery-icon :name="item.lotteryName"></lottery-icon>
        </div>
        <div class="context">
          <p class="context-name">{{item.lotteryName}}</p>
          <P class="dateno">
            <span>第</span>
            <span>{{item.dateNo}}</span>
            <span>期</span>
          </P>
        </div>
      </div>
      <div class="lottery-state">
        <lottery-state :state="item.lotteryState"></lottery-state>
        <!-- <icon-svg :iconClass="iconClass" class="icon-svg"></icon-svg> -->
      </div>
    </div>
  </div>
</template>

<script>
import LotteryState from '@/components/base/lottery-state/lottery-state'
import LotteryIcon from '@/components/base/lottery-icon/lottery-icon'
export default {
  components: {
    LotteryState,
    LotteryIcon
  },
  props: {
    item: {
      type: Object,
      default: function() {
        return {
          type: '重庆时时彩',
          dateNo: '119217',
        }
      }
    }
  },
  data() {
    return {
      drawTime: '00:00:00',
      iconClass: 'icondingdan_yizhongjiang'
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~@/assets/styles/variables.styl'
.wrapper 
  box-sizing border-box 
  padding 0 20px
  .info-card
    display flex
    width 100%
    align-items center
    box-sizing border-box
    height 65px 
    align-items center
    justify-content space-between
    .basic-info 
      display flex
      align-items center
      justify-content flex-start
      .img
        width 48px
        height 48px
        border-radius 50%
        box-sizing border-box 
        margin-right 10px
      .img >>> .wrapper 
        padding 0
        .icon  
          width 48px 
          height 48px 
          font-size 44px
      .context
        .context-name
          font-size 15
          height 12px
          margin-bottom 5px
    .lottery-state 
      width 50px 
      height 50px 
      .icon-svg 
        font-size 50px 
         
        
</style>